<!DOCTYPE html>
<html xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout" layout:decorator="~{common/admin-list-template}">
<head>
<title>菜单管理</title>
<link rel="stylesheet" href="https://cdn.bootcss.com/jquery-treegrid/0.2.0/css/jquery.treegrid.min.css">
</head>
<body class="hold-transition skin-green-light  sidebar-mini">

	<div class="content-wrapper" layout:fragment="content">
		<!-- Content Header (Page header) -->
		<section class="content-header">
			<h1>菜单管理</h1>
		</section>
		<!-- Main content -->
		<section class="content container-fluid">
			<!-- list box -->
			<div class="page-list box box-default" data-widget="box-widget">
				<div class="box-header">
					<form id="form-search" class="form-inline" method="post">
						
					</form>
				</div>
				<!-- /.box header -->
				<div class="box-body table-responsive">
					<div id="toolbar" class="btn-group">
                        <a securitys:add id="btn_add" class="btn btn-default" onclick="operate.toAdd()">
                            <i class="fa fa-plus" aria-hidden="true"></i>
                            新增
                        </a>
					</div>
					<!-- /.toobar -->
					<table securitys:list id="table-data" data-toggle="table">
						<thead>
							<tr>
                                <th data-field="name" data-formatter="formatter.name">名称</th>
								<th data-field="url">链接</th>
								<th data-field="sort"  data-sortable="true">排序</th>
								<th data-field="addDate" data-formatter="formatter.datetime" data-sortable="true">添加时间</th>
								<th data-field="editDate" data-formatter="formatter.datetime" data-sortable="true">修改时间</th>
								<th data-formatter="formatter.oper" data-events="tableEvent" data-halign="center" data-align="center">操作</th>
								
							</tr>
						</thead>
					</table>
					<!-- /.table -->
					<div securitys:printAll id="div-security-info"></div>
					<!-- /.security info -->
				</div>
				<!-- /.box-body -->
			</div>
			<!-- /.list -->

		</section>
		<!-- /.content -->
	</div>
	<!-- /.content-wrapper -->



	<div layout:fragment="page-js">
		<script src="/bower_components/jquery-treegrid/jquery.treegrid.min.js"></script>
        <script src="/bower_components/bootstrap-table/dist/extensions/treegrid/bootstrap-table-treegrid.min.js"></script>
		<script src="/dist/js/pages/menu/menu-list.js"></script>
	</div>


</body>
</html>